{extend name="index/index" /}


{block name="main"}
        <!-- 顶部标题 -->
    <div class="bgf5 clearfix">
        <div class="top-user">
            <div class="inner">
                <a class="logo" href="{:url('/')}"><img src="/static/index/images/icons/logo.jpg" alt="U袋网" width="200" height="100"></a>
                <div class="title">个人中心</div>
            </div>
        </div>
    </div>
    <div class="content clearfix bgf5">
        <section class="user-center inner clearfix">
            <div class="pull-left bgf">
                <a href="udai_welcome.html" class="title">冥鱼欢迎页</a>
                <dl class="user-center__nav">
                    <dt>帐户信息</dt>
                    <a href="udai_setting.html"><dd>个人资料</dd></a>
                    
                </dl>
                <dl class="user-center__nav">
                    <dt>订单中心</dt>
                    <a href="udai_order.html"><dd>我的订单</dd></a>
                    
                </dl>
                
            </div>
            
            <div class="pull-right">
                <div class="user-center__info bgf">
                    <div class="pull-left clearfix">
                        <div class="port b-r50 pull-left">

                            <img src="{$xgeren['icon']}" alt="用户名" class="cover b-r50">
                            <a href="{:url('/editgeren')}" class="edit"><i class="iconfont icon-edit"></i></a>
                        </div>
                      
                        <p class="name text-nowrap">{$xgeren['name']}</p>
                     
                        
                        <p class="money text-nowrap">余额：¥88.0</p>
                        <p class="level text-nowrap">身份：普通会员 <a href="agent_level.html">提升</a></p>
                    </div>
                    <div class="pull-right user-nav">
                        <a href="udai_order.html" class="user-nav__but">
                            <i class="iconfont icon-rmb fz40 cr"></i>
                            <div class="c6">待支付 <span class="cr">1</span></div>
                        </a>
                        <a href="udai_order.html" class="user-nav__but">
                            <i class="iconfont icon-eval fz40 cr"></i>
                            <div class="c6">待评价 <span class="c3">0</span></div>
                        </a>
                        <a href="udai_collection.html" class="user-nav__but">
                            <i class="iconfont icon-star fz40 cr"></i>
                            <div class="c6">收藏 <span class="c3">0</span></div>
                        </a>
                        <a href="udai_coupon.html" class="user-nav__but">
                            <i class="iconfont icon-quan fz40 cr"></i>
                            <div class="c6">优惠券 <span class="cr">2</span></div>
                        </a>
                        <a href="udai_integral.html" class="user-nav__but">
                            <i class="iconfont icon-jifen fz40 cr"></i>
                            <div class="c6">积分 <span class="cr">200</span></div>
                        </a>
                        <a href="udai_message.html" class="user-nav__but">
                            <i class="iconfont icon-xiaoxi fz40 cr"></i>
                            <div class="c6">消息 <span class="cr">2</span></div>
                        </a>
                    </div>
                </div>
                <div class="order-list__div bgf">
                    <div class="user-title">
                        我的订单<span class="c6">（显示最新三条）</span>
                        <a href="" class="pull-right">查看所有订单></a>
                    </div>
               
                </div>
                <div class="recommends">
                    <div class="lace-title type-2">
                        <span class="cr">爆款推荐</span>
                    </div>
                    <div class="swiper-container recommends-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-1_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-2_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-3_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-4_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-1_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-2_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-3_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-4_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-1_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-2_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-3_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-4_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-1_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-2_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-3_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-4_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-3_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-4_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                                <a class="picked-item" href="">
                                    <img src="images/temp/S-001-5_s.jpg" alt="" class="cover">
                                    <div class="look_price">¥134.99</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <script>
                        $(document).ready(function(){
                            var recommends = new Swiper('.recommends-swiper', {
                                spaceBetween : 40,
                                autoplay : 5000,
                            });
                        });
                    </script>
                </div>
            </div>
              
        </section>
    </div>
    {/block}
    

